<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<!-- Skrypt pochodzi z ksiki "101 praktycznych skryptw"  -->
<!-- autor: Marcin Lis    e-mail: 101scripts@marcinlis.com  -->
</HEAD>
<STYLE>
#warstwa1{
 visibility:visible;
 background-color:red;
 position:absolute;
 top:0;
 left:0;
 width:0;
 height:0;
 layer-background-color:red;
}
#warstwa2{
 visibility:visible;
 background-color:red;
 position:absolute;
 top:0;
 left:0;
 width:0;
 height:0;
 layer-background-color:red;
}
</STYLE>
<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
<!-- Ukrycie przed przegldarkami nie obsugujcymi JavaScriptu
if (document.layers){
 str = "<STYLE type='text/css'>";
 str += "#warstwa1 {visibility:visible; background-color:red; ";
 str += "position:absolute; top:0; left:0; width:50; height:50;";
 str += "layer-background-color:red;clip:rect(0,";
 str += screen.width / 2 + ",";
 str += screen.height - 138 + ", 0);}";
 str += "#warstwa2 {visibility:visible; background-color:red; ";
 str += "position:absolute; top:0; left:" + screen.width / 2 + ";"
 str += "width:50; height:50;";
 str += "layer-background-color:red;clip:rect(0,";
 str += screen.width / 2 + ",";
 str += screen.height - 138 + ", 0);}";
 str += "</STYLE>"
 document.write(str);
}
function init(){
 if (document.all){
         document.all['warstwa1'].style.height = screen.height - 150;
         document.all['warstwa1'].style.width = screen.width / 2;
         document.all['warstwa1'].style.left = 0;
         document.all['warstwa2'].style.height = screen.height - 150;
         document.all['warstwa2'].style.width = screen.width / 2;
         document.all['warstwa2'].style.left = screen.width / 2;
 }
 count = (screen.width / 2) / 2;
}
function przesun(){
 if (document.all){
         x2 = parseInt(document.all['warstwa2'].style.left);
         h1 = parseInt(document.all['warstwa1'].style.width);
         h2 = parseInt(document.all['warstwa2'].style.width);
         document.all['warstwa2'].style.left = x2 + 2;
         document.all['warstwa1'].style.width = h1 - 2;
         document.all['warstwa2'].style.width = h2 - 2;
 }
 else if (document.layers){
         document.layers['warstwa1'].offset(-2,0);
         document.layers['warstwa2'].offset(+2,0);
 }
}
function start(){
 if (count > 0){
         przesun();
         setTimeout("start()", 1);
         count--;
 }
}
// Koniec kodu JavaScript -->
</SCRIPT>
<BODY onLoad="init()">
<H1 align = "center">
<DIV id="warstwa1" style="">
</DIV>
<DIV id="warstwa2" style="">
</DIV>
<DIV style="position:absolute">
<A HREF="javascript:start()">Start</A>
</DIV>
</H1>
<P>
Tutaj tekst strony
</P>
</BODY>
</HTML>
